<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>为超链接添加其它样式</title>
    <!--这个例子演示了如何为超链接添加其他样式。-->
    <style>
        a.one:link {color: #FF0000;}
        a.one:visited {color: #0000FF;}
        a.one:hover {color: #ffcc00;}

        a.two:link {color: #FF0000;}
        a.two:link {color: #0000FF;}
        a.two:link {font-size: 150%;}

        a.three:link {color:#FF0000;}
        a.three:link {color: #0000FF;}
        a.three:link {background: #66FF66;}

        a.four:link {color: #FF0000;}
        a.four:link {color: #0000FF;}
        a.four:link {font-family: Georgia,serif;}

        a.five:link {color: #FF0000;text-decoration: none;}
        a.five:link {color: #0000FF;text-decoration: none;}
        a.five:link {text-decoration: underline;}
    </style>
</head>
<body>
<p>将鼠标移至连接上改变样式。</p>

<p><b><a class="one" href="http://www.baidu.com" target="_blank">这个链接改变颜色</a></b></p>
<p><b><a class="two" href="http://www.baidu.com" target="_blank">这个链接改变字体大小</a></b></p>
<p><b><a class="three" href="http://www.baidu.com" target="_blank">这个链接改变背景颜色</a></b></p>
<p><b><a class="four" href="http://www.baidu.com" target="_blank">这个链接改变字体类型</a></b></p>
<p><b><a class="five" href="http://www.baidu.com" target="_blank">这个链接改变字体修饰</a></b></p>
</body>
</html>